<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>排列图片</title>
</head>
<body>

<h2>未设置对齐方式的图像：</h2>

<p>图像 <img src="img/eg_cute.gif"> 在文本中</p>

<h2>已设置对齐方式的图像：</h2>

<p>图像 <img src="img/eg_cute.gif" align="bottom"> 在文本中</p>

<p>图像 <img src="img/eg_cute.gif" align="middle"> 在文本中</p>

<p>图像 <img src="img/eg_cute.gif" align="top"> 在文本中</p>

<p>bottom 是默认的对齐方式。</p>

</body>
</html>